<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
		<title>常见问题</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<style type="text/css">
			.set-up-list {
				height: 2.5rem;
				line-height: 2.5rem;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 1.5rem 0 1.5rem 0;
				margin: 0 .75rem;
			}
			.set-up-list .set-up-list-left{
				font-size:.75rem;
				font-family:PingFangSC-Regular;
				font-weight:400;
				color:rgba(34,34,34,1);
			}
		</style>
	</head>

	<body>
		<div id="app">
			<div class="set-up ming-bg-white aui-margin-b-10">
				<div class="set-up-list aui-border-b" v-for="(vo,index) in list" tapmode v-on:click="open_page(vo.title)">
					<div class="set-up-list-left">
						{{vo.title}}
					</div>
					<div class="set-up-list-right">
						<img src="../../image/btn/btn-right-s.png" / style="width: 0.35rem;">
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script>
		var vm = new Vue({
			el: "#app",
			data: {
				offs: false,
				list: []
			},
			methods: {
				get_list: function() {
					get_data('api/page/page_list', {}, function(ret) {
						if(ret.status) {
							vm.list = ret.data
						}
					})
				},
				open_page: function (title) {
					open_win_page(title);
				}
			}
		})
		apiready = function() {
			vm.get_list()
		};
	</script>

</html>
